<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="js/jquery-1.11.3.js"></script>
</head>
<body>
  <button id="btnMinus">-</button>
  <span>0</span>
  <button id="btnAdd">+</button>
  <script>
    //先实现+
    //DOM 4步
    //1. 查找触发事件的元素
    $('body').on('click','button',function(){
      if($(this).html()=='-'){
        if($('span').html()>0){
          var a = $('span').html()
        $('span').html(parseInt(a)-1)
        }else{
          $('span').html('0')
          console.log('最小值为0')
        }
      }else{
        var a = $('span').html()
        $('span').html(parseInt(a)+1)
      }
    })
    //2. 绑定事件处理函数

      //3. 查找要修改的

      //4. 修改元素
      //4.1 先取出span中现在的数量，转为整数

      //4.2 将n+1

      //4.3 将新的n再放回去: 

    //再实现-
    //DOM 4步
    //1. 查找触发事件的元素

    //2. 绑定事件处理函数

      //3. 查找要修改的

      //4. 修改元素
      //4.1 先取出span中现在的数量，转为整数

      //4.2 如果n>0，才能n-1

      //4.3 将新的n再放回去: 

  </script>
</body>
</html>